<template>
  <view class="audio_box">
    <view class="audio_one">
      <img
        class="audio_img"
        src="https://cdn1.visiotrip.com/h5AndMini/2024-09-19/bofangimg.gif"
      />
    </view>
  </view>
</template>

<script>
export default {
  name: "audioRate",
  data() {
    return {};
  },
  created() {},
  methods: {
    init() {
      this.$emit("init");
    },
  },
};
</script>

<style lang="scss" scoped>
.audio_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 426rpx;
  height: 106rpx;
  overflow: hidden;
  margin: 0 auto;
  .audio_one {
    display: flex;
    align-items: center;
    justify-content: center;
    // animation: rotate .1s infinite alternate;
  }
  .audio_img {
    // width: auto;
    height: 106rpx;
    margin: 0 2rpx;
  }
}
/* 定义一个动画 */
// @keyframes rotate {
//   0% {
//     // opacity: 0;
//     transform:scale(0.9);
//   }
//   50% {
//     // opacity: 0;
//     transform:scale(1);
//   }
//   100% {
//     // opacity: 0;
//     transform: scale(1.1);
//   }
// }
</style>